.pagination {
  text-align: center;

  :global {
    .ant-pagination-prev,
    .ant-pagination-next {
      width: 40px;
      height: 40px;
      line-height: 40px;

      &.ant-pagination-disabled {
        display: none;
      }

      .ant-pagination-item-link {
        color: #7688a5;
        background: #293e6b;
        border: 1px solid #314773;
        border-radius: 4px;

        &:hover {
          color: #fff;
        }
      }
    }

    .ant-pagination-item-ellipsis {
      color: #fff !important;
    }

    .anticon-double-right,
    .anticon-double-left {
      color: #fff !important;
    }

    .ant-pagination-item {
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #293e6b;
      border: 1px solid #314773;
      border-radius: 4px;

      &:hover {
        a {
          color: #fff;
        }
      }

      a {
        padding: 0;
        color: #7688a5;
      }
    }

    .ant-pagination-item-active {
      background: #254df8;
      border-color: #254df8;

      a {
        color: #fff;
      }
    }
  }
}
